<template>
    <div style="width: 100%;background: #fff;padding: 8px 0;font-size: 0.9rem">
        <div>
            <span v-if="oneline" style="margin-left:20px;font-size: 1rem;color:#000">
                {{ label }}
            </span>
            <span v-else style="width:79px;text-align:right;color: #aaa;display: inline-block">
              {{ label }}：
            </span>
            <span v-if="showEamil">{{ text }}</span>
            <span v-else style="color: #aaa;font-size: 0.8rem">{{ text }}</span>
        </div>
        <div v-if="showEamil" style="color: #aaa;margin-left: 89px;font-size: 0.8rem">{{ eamil }}</div>
    </div>
</template>

<script>
    export default {
        name: "DetailBlock",
        props:{
            label:{
                type:String,
                default:'',
                required:false
            },
            text:{
                type:String,
                default:'',
                required:false
            },
            eamil:{
                type:String,
                default:'',
                required:false
            },
            oneline:{
                type:Boolean,
                default:false,
                required:false
            }

        },
        computed:{
            showEamil(){
                if(!this.eamil||this.eamil.length==0){
                    return false
                }else{
                    return true
                }
            }
        }

    }
</script>

<style scoped>

</style>